/* 
Document   : viperlite
Created on : Sep 9, 2009, 1:53:25 AM
Author     : ahmad saad
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
    font-family:Verdana, Geneva, sans-serif;
    font-size:13px;
    color:#505005;
    margin:0px;
    padding:0px;
}
img {
    border:0px;
}
a {
    text-decoration:none;
    color:#505050;
    cursor: pointer;
}
.container
{
    width:999px;
    margin:20px auto;
}
.header ,.center ,.tree ,.main-content , .footer , logo {
    float:left;
}
/********End Header********/
.header {
    width:999px;
    height:50px;
}
.logo{
    float:left;
    width:174px;
    height:20px;
}
.user_info{
    float:right;
    width:600px;
    height:20px;
}
.log-out a, .log-out a:hover, .log-out a:visited {
    color:#FF0000;
    float:right;
    font-size:10px;
    height:20px;
    line-height:13px;
    margin-left:12px;
    outline-style:none;
    width:50px;
}

.user-date {
    color:#636363;
    float:right;
    font-size:11px;
    font-weight:bold;
    height:20px;
    line-height:13px;
    margin-right:0;
}
.user-type {
    color:#636363;
    float:right;
    font-size:11px;
    font-weight:bold;
    height:20px;
    line-height:13px;
    margin-right:0;
}
.user-id {
    color:#636363;
    float:right;
    font-size:11px;
    font-weight:bold;
    height:20px;
    line-height:13px;
    margin-right:0;
}
.tab1 {
    background-color:#636363;
    float:left;
    height:20px;
    margin-left:0;
    margin-top:3px;
    width:999px;
}

/********End Header********/
.center {
    width:999px;
    margin-bottom:0px;
}
.left-side{background-color:#EEEEEE;
           border:1px solid #636363;
           float:left;
           margin-bottom:3px;
           margin-top:3px;
           overflow:auto;
           padding:5px;
           width:200px;
}
.right-side{
    background-color:#EEEEEE;
    border:1px solid #636363;
    float:left;
    margin-bottom:20px;
    margin-top:3px;
    overflow:auto;
    padding:5px;
    width:765px;
    margin-left:10px;
}
.tree {

    width:200px;
}

.main-content {
    width:765px;
}
/***********footer***************/
.footer{
    width:999px;
    height:20px;
    margin-top:7px;
    background-color:#636363;
    font-size:12px;
    text-align:center;
    color:#fff;
    line-height:20px;
}
/****************************/
.files-contanir{
    float:left;
    width:765px;
    margin-bottom:10px;
    clear:both;
}
.file-box {
    float: left;
    width: 190px;
    margin-top:10px;}
.file-icon{
    float: left;
    width: 30px;
    height:25px;}

.file-icon img {
    width:25px;
    cursor:pointer;
}
.file-name{float: left; width: 160px; line-height: 25px;}
.upload-field{
    float:left;
    width:676px;
    padding:0;
    margin:0;
    margin-left:7px;
    margin-top:30px;
}
.upload-field legend {float:left;
                      margin-left:10px;
                      padding-left:5px;
                      padding-right:5px;}

/**********/
.path-label{
    float:left;
    background:#d5d3d3 url(../images/curv.jpg) right no-repeat ;
    height:19px;
    line-height:19px;
    padding-right:20px;
    padding-left:10px;
    clear:both;

}
/**********************/
.postVars{
    float:left;
    width:94%;
    /*height:30px;*/
    margin-left:3%;
}
.posrvars-input{
    float:left;
    width:250px;
    height:30px;
}
.exceed{
    text-align:center;
    width:100%;
    height:20px;
    line-height:18px;
    color:#ff0000;
    font-size:10px;
    float:left;
}
.postvars-bottom{
    float:right;
    width:50px;
    margin-right:10px;
}

/******************************log in***************************/

.login{
    width:100%;
}
.logo-login{
    background-image:url(../images/logo-viper.jpg);
    background-repeat:no-repeat;
    height:19px;
    width:178px;
    margin-top:80px;
}
.login-aria{
    width:339px;
    height:auto;
    float:none;
}
.login-bac{
    background-image:url(../images/login-bac.png);
    background-repeat:no-repeat;
    height:30px;
    width:339px;
    margin-top:40px;
    color:red;
    text-align: center;
    font-size:18px;
    text-align:left;
    line-height:30px;
    text-indent:10px;
}
.login-box{
    float:left;


    width:337px;
    height:auto;

    border-top:0px;
    padding-bottom:5px;
    padding-top:5px;
}

.user-icon{
    float:left;
    width:20px;
    height:21px;
    background:url(../images/Users.gif) no-repeat left ;
}
.log-label{
    float:left;
    width:100px;

    font-size:13px;
    color:#000000;
    text-align:left;
    line-height:22px;
    font-weight:bold;
}
.username{
    clear:both;
    float:left;
    margin-bottom:15px;
    width:297px;
    margin-left:20px;
}

.pass-icon{
    float:left;
    width:20px;
    height:21px;
    background:url(../images/pass.png) no-repeat left ;
}

.userInput {
    float:left;
    border: 1px solid #636363;
    width:120px;
    height:14px;

    font-size:10px;
    margin-top:3px;
}
.remem{
    text-align:center;
    width:180px;
    margin-right:20px;
    float:right;
}

.remem-label{
    float:left;
    width:90px;

    font-size:11px;
    text-align:left;
    line-height:20px;}
.checkbox-sin {

    float:left;}

.signin-errer{
    float:left;
    width:200px;
    color:#FF0000;

    font-size:13px;
    text-align:left;
    text-indent:120px;
}

.sign-button{
    width:54px;
    height:18px;
    border:0px;
    color:#FFFFFF;

    font-weight:bolder;
    font-size:10px;
    padding-bottom:3px;}

.invalid-error{
    float:left;
    width:337px;
    color:#FF0000;

    font-size:16px;
    text-align:left;
    text-indent:20px;
    font-weight:bold;
    margin-bottom:5px;}


div#qTip {
    padding: 3px;
    border: 1px solid #999999;
    display: none;
    background: #CCCCCC;
    color: #333333;
    font: bold 9px Verdana, Arial, sans-serif;
    text-align:center;
    position: absolute;
    z-index:400;
}
/***********************shady*************************/
.up-botton{
    height:19px;
    width:19px;
    line-height:15px;
    float:right;
}
.creat-section-contaner{
    float:left;
    width:100%;
    margin-top:20px;
}
.postVars select{
    width:150px;
}
.submit-section{
    width:50px;
    float:right;
}
.image-section-contaner-2{
    float:left;
    height:200px;
    overflow:auto;
    width:730px;
    margin-top:10px;
    margin-left:25px;
}
.image-section-2{
    float:left;
    margin-right:35px;
    height:200px;
    width:200px;
    background-color:#fff;
    margin-bottom:10px;
}
.image-section-2 img{
    height:200px;
    width:200px;
    float:left;
}
.image-section-contaner{
    float:left;

    overflow:auto;

    width:770px;
    margin-top:10px;
}
.image-section-all{
    float:left;
    margin-left:11px;
    height:288px;
    width:177px;
    background-color:white;
    margin-top:5px;
    margin-bottom:5px;
 

}
.image-section-all input
{
    /*height: 10px;*/
    margin-left: 10px;

}
.image-section{
    float:left;
    margin:5px;
    height:110px;
    width:167px;
    background-color:#ccc;
}
.image-section img {
    height:110px;
    width:167px;
}
.image-name{
    float:left;
    /*height:20px;*/
    font-size: 10px;
    width:143px;
    margin-left:5px;
    line-height:17px;
    text-align:center;
    overflow:hidden;

}
.image-checkbox{
    width:10px;
    height:0px;
    float:left;
    position:relative;
    top:0px;
    left:0px;
    z-index:1;
}
/********/
.button-text{
    outline:none;
    background:#eeeeee;
    border:0px;
    font-size:13px;
    line-height:25px;
    color:#505050
        ;margin-top:3px;
    cursor:pointer;
}
.button-image {
    width:25px;
}
.button-image-small{
    width:23px;
}
div.odd {
    background:#E1E1E1;
    line-height:20px;
    float:left;
    width:100%;
}
.upload-file{
    float:left;
    margin-left:10px;
    margin-top:5px;
    width:110px;
}
.browes-file{
    float:left;
    width:110px;
    height:30px;
    margin-right:10px;
}
.upload-file-icon{
    float:left;
    width:19px;
    height:20px;
}
.upload-file-icon img{
    float:left;
    width:19px;
    height:20px;
}
.upload-file-link{
    float:left;
    width:80px;
    height:20px;
    margin-left:2px;
    line-height:20px;
}
/*******/
.foter-fix {
    position:fixed;
    bottom:0px;
    margin-top:20px;
    margin-bottom:0px;
    width:999px;
    color:#fff;
    float:left;
    text-align:center;
    left:0px;
}
/***/

/***********/
.form-line{
    float:left;
    margin-bottom:10px;
    width:600px;
}
.form-label{float:left;
            font-size:12px;
            height:20px;
            line-height:20px;
            margin-right:10px;
            text-align:right;
            width:210px;}
.form-input {
    float:left;
    width:290px;
}
.form-input input ,.form-input select ,.form-input textarea {
    border:1px solid #CCCCCC;
    float:left;
    /*width:135px;*/}
.create-form {
    float:left;
    width:763px;
    padding-top:10px;
    border:1px solid #E1E1E1;
}
.calender {
    float:left;
    width:16px;
    height:16px;
    margin-left:5px;
}
/*********/
.advanced-search{
    float:left;
    width:765px;
    margin-bottom:10px;
    margin-top:10px;
}
.add-type{
    float:left;
    width:260px;
}
.up{
    float:right;
}

#table {
    float:left;
    width:100%;
}
.editor {
    float:left;
    width:100%;
    margin-top:10px;
    margin-bottom:5px;
    clear:both;

}

/******************/
div.workarea { padding:10px; float:left }

ul.draglist {
    float:left;
    height:auto;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:10px 0 0;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    position:relative;
    width:770px;
}

ul.draglist li {

    cursor: move;
    font: 11px Verdana, Geneva, sans-serif;
    border: 2px solid #E5E5E5;
    background-color: #F5F5F5;
    margin-top: 5px;
    padding: 10px;
    width: 400px;
    margin-left:160px;

    float:left;
}

ul.draglist_alt {
    position: relative;
    width: 200px;
    list-style: none;
    margin:0;
    padding:0;
    /*
    The bottom padding provides the cushion that makes the empty
    list targetable.  Alternatively, we could leave the padding
    off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}

ul.draglist_alt li {
    margin: 1px;
    cursor: move;
}


li.list1 {
    background-color: #D1E6EC;
    border:1px solid #7EA6B2;
}

li.list2 {
    background-color: #D8D4E2;
    border:1px solid #6B4C86;
}

#user_actions { float: right; }

.box-main-text-left, .box-main-text-right{

    margin-top:5px;
    height:270px;
    overflow:hidden;
    float:right;
    border:#CCC 1px solid;
    margin-bottom:5px;
    clear:both;
    margin-right:30px;
    width:355px;

}


.title-big, .title-smoll, .title-middle, .title-homepage , .ul-container{
    float:left;
    height:30px;
    margin-left:5px;
    font-size:12px;
    font-weight:bold;
    line-height:30px;
}

.title-homepage , .ul-container{
    width:100%;
    float:left;
    clear:both;

}

.ul-container ul {
    width:90%;
    float:left;
    margin:0px;
    padding:0px;
    margin-left:20px;
}

.ul-container li {
    float:left;
    list-style:none;
    margin-right:17px;
    height:30px;
}

.ul-container li.current a {
    cursor:default;
}

.text-box-title
{
    margin-bottom:10px;
    margin-left:10px;
    width:309px;
    float:left;
    margin-top:10px;
    font-size:11px;
    font-weight:bold;
}

.text-box
{
    margin-top:5px;
    margin-left:10px;
    width:190px;
    float:left;
    margin-top:5px;
    font-size:11px;
}
.pic{
    float:left;
    height:183px;
    margin-bottom:12px;
    margin-left:14px;
    margin-top:12px;
    overflow:hidden;
    width:130px;
}
.massage-not{  float:left;
               margin-left:5%;margin-top:70px;
               text-align:center;
               width:300px;}
.under-development{
    width: 200px;
    z-index: 550;
    position: fixed;
    display: block;
    padding-top: 20px;
    text-align: center;
    text-decoration: none;
    font-weight:bold;
    font-size:15px;color:red;
    font-family:arial;
    max-height:40px;
    left:500px;
    float:left;
}
/*******************************/
.customersupport_main{
    width:100%;
    float:left;
}

.customersupport_subject{
    width:99%;
    float:left;
}

.customersupport_sub_title{
    width:17%;
    float:left;
    margin-right:2%;
    font-size:12px;
    font-weight:bold;
}

.customersupport_sub_des{
    width:60%;
    float:left;
    overflow:hidden;
}

.customersupport_sub_title2{
    width:12%;
    float:left;
    margin-right:2%;
    font-size:12px;
    font-weight:bold;
}
.customersupport_sub_des2{
    width:65%;
    float:left;
    overflow:hidden;
}
.text_admin_user{
    width:10%;
    float:left;
    height:50px;

}
.all_cust_support{
    width:98%;
    text-align:center;
    background:#ffffff;
    margin-top:5px;
    background-color:#ffffff;

}
/********AAmr***********/
.photo-sec-home{
    width:350px;
    height:250px;
    float:left;
    overflow:hidden;
    margin-bottom:5px;
}
.photo-sec-home img{
    float:left;
}

.form-pro-edit{
    width:100%;
    float:left;
    text-align:left;
}

.photo-pro-edit{
    width:350px;
    height:250px;
    float:left;
    overflow:hidden;
    margin-bottom:5px;
}

.center-td {
    text-align:center;
}

.sendmail-all{
    width:300px;
    float:left;
    margin-top:5px;
}

.sendmail-title{
    font-size:12px;
    margin-right:3px;
    margin-left:5px;
    float:left;
    width:100px;
}

.sendmail-des{
    font-size:12px;
    margin-right:5px;
    margin-left:5px;
    float:left;
    width:170px;
}
li.li-cal {
    list-style:none;
    margin-bottom:5px;
    margin-top:5px;
    padding-left:3px;
    text-align:left;
    font-size:11px;
    border:1px solid #ccc;
}
li.li-cal a {
    padding:0px !important; }
.linke-li a {padding:0px;}
.event {border-bottom:1px solid #CCCCCC; padding-bottom:5px;}

.yui-skin-sam .yui-calendar td.calcell.today li.li-cal { border:#fff 1px solid !important;}
.yui-skin-sam .yui-calendar td.calcell.today .event {border-bottom:1px solid #fff; padding-bottom:5px;}
label.error {color: red; margin-left: 5px;}
span #address {padding-left: 15px;}
#viewer {float: left;}